<!DOCTYPE HTML>
<html lang="cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <%include("/common/header.html",{title:''}){}%>
  <title>报告管理</title>
  <style>
  </style>
</head>

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=IENn7ABARjQIkTeAKyh80VTkg2jYXf3K"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script language="javascript">
  function preview(oper) {
    if (oper < 10) {
      bdhtml = window.document.body.innerHTML;//获取当前页的html代码
      sprnstr = "<!--startprint" + oper + "-->";//设置打印开始区域
      eprnstr = "<!--endprint" + oper + "-->";//设置打印结束区域
      prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); //从开始代码向后取html
      prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html
      window.document.body.innerHTML = prnhtml;
      window.print();
      window.document.body.innerHTML = bdhtml;
    } else {
      window.print();
    }
  }
</script>

<body>
<!--<input type="button" onclick="aa()" value="打印"/>-->
<div style="float: right;margin-right: 20%" class="layui-inline" title="打印" onclick=preview(10)><i class="layui-icon layui-icon-smile"
                                                            style="font-size: 30px; color: #1E9FFF;">&#xe621;</i></div>

<div style="background-color: #f0f0f0;margin: 0 auto; width: 820px;overflow:hidden;border:  1px solid #000000;margin-bottom: 50px">

  <div class="layui-card-header" style="text-align: center;font-size: 20px;margin-top: 20px"><h2>${viow.title}</h2>
  </div>
  <br>
  <div class="layui-card-body" style="text-align: center">
    <div style="width: 50%;float: left;font-size: 20px">提交人:${viow.comiter}</div>
    <div style="width: 50%;float: left;font-size: 20px">时间:${viow.comitetime}</div>
  </div>
  <!--<br>-->
  <!--<br>-->
  <!--<br>-->
  <!--<br>-->
  <!--<br>-->
  <div class="" style="font-size: 20px;margin-left: 5%">一、关键信息</div>
  <hr>
  <div style="width: 100%">
    <% for(v in viow.keyInformationSet){ %>
    <div class="layui-col-sm6 layui-col-md3" style="margin-left: 6%;margin-top: 15px">
      <div class="layui-card" style="height: 123px;">
        <div class="layui-card-header">
          <span style="color: #05aaaa;">${v.title}</span>
          <span class="layui-badge layui-bg-blue layuiadmin-badge">总</span>
        </div>
        <div class="layui-card-body layuiadmin-card-list" style="padding-top: 3px;">
          <p class="layuiadmin-big-font" style="padding-bottom: 0px;text-align: center;"><i
                  style="font-size: 25px;position: absolute;top: 7px;left: 20px;"
                  class="layui-inline layui-icon layui-icon-template-1"></i><span
                  style="margin:0px auto;color: #05aaaa;" id="area">${v.content}</span></p>

        </div>
      </div>
    </div>
    <!--  <div class="layui-col-sm6 layui-col-md2" style="margin-left: 5%;margin-top: 20px">

          <div class="layui-card" style="height: 123px;">
              <div class="layui-card-header">
                  <span >${v.title}</span>
              </div>
              <div class="layui-card-body layuiadmin-card-list" style="padding-top: 3px;color: #05aaaa;">
                  ${v.content}
              </div>
          </div>
      </div>-->

    <% } %>
  </div>
  <div class="layui-card-body" style="text-align: center">
    <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
    <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
  </div>
  <div class="layui-card-body" style="margin-left: 5%">
    <div style="width: 50%;float: left;font-size: 20px">二、统计分析</div>
  </div>
  <% for(tem in viow.templates){ %>
  <div class="layui-card-body">
      <div style="width: 100%;float: left;height: 30px;"></div>
    <div style="width: 100%;float: left;font-size: 15px;margin-left: 5%">${tem.title}</div>
    <div style="width: 100%;float: left;">${tem.content}</div>
  </div>
  <% } %>

  <div class="layui-card-body" style="text-align: center">
    <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
    <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
  </div>
  <div class="layui-card-body" style="text-align: center">
    <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
    <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
  </div>

  <% for(t in viow.reportProblems){ %>
  <div class="layui-card-body" style="margin-left: 5%">
    <div style="width: 50%;float: left;font-size: 20px">${t.title}</div>

  </div>

  <div class="layui-card-body">
    <div class="layui-card-body" style="text-align: center">
      <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
      <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
    </div>
    <div style="width: 80%;float: left;font-size: 13px;margin-left: 5%">${t.content}</div>
  </div>
  <div class="layui-card-body" style="margin-left: 5%">
    <div class="layui-card-body" style="text-align: center">
      <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
      <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
    </div>
    <% if(null!=t.image1){ %>
    <div style="width: 20%;float: left;"><img src="${t.image1}" style="width: 100px;height: 100px;"></div>
    <% } %>
    <% if(null!=t.image2){ %>
    <div style="width: 20%;float: left;"><img src="${t.image2}" style="width: 100px;height: 100px;"></div>
    <% } %>
    <% if(null!=t.image3){ %>
    <div style="width: 20%;float: left;"><img src="${t.image3}" style="width: 100px;height: 100px;"></div>
    <% } %>
    <% if(null!=t.image4){ %>
    <div style="width: 20%;float: left;"><img src="${t.image4}" style="width: 100px;height: 100px;"></div>
    <% } %>
    <% if(null!=t.image5){ %>
    <div style="width: 20%;float: left;"><img src="${t.image5}" style="width: 100px;height: 100px;"></div>
    <% } %>
    <div class="layui-card-body" style="text-align: center">
      <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
      <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
    </div>
  </div>
  <% } %>


</div>


<!--
<div id="ddd" class="layui-card" style="width: 60%;margin-left: 20%;margin-top: 5%; height:2000px;border: 1px solid #000000">
    <div class="layui-card-header" style="text-align: center;font-size: 20px;margin-top: 20px"><h2>${viow.title}</h2></div>
    <br>
    <div class="layui-card-body" style="text-align: center">
        <div style="width: 50%;float: left;font-size: 20px">提交人:${viow.comiter}</div>
        <div style="width: 50%;float: left;font-size: 20px">时间:${viow.comitetime}</div>
    </div>
    &lt;!&ndash;<br>&ndash;&gt;
    &lt;!&ndash;<br>&ndash;&gt;
    &lt;!&ndash;<br>&ndash;&gt;
    &lt;!&ndash;<br>&ndash;&gt;
    &lt;!&ndash;<br>&ndash;&gt;
    <div class="layui-card-header" style="font-size: 20px;margin-left: 5%">一、关键信息</div>
    <div style="width: 100%">
    <% for(v in viow.keyInformationSet){ %>
    <div class="layui-col-sm6 layui-col-md2" style="margin-left: 5%;margin-top: 20px">
        <div class="layui-card" style="height: 123px;">
            <div class="layui-card-header">
                <span >${v.title}</span>
            </div>
            <div class="layui-card-body layuiadmin-card-list" style="padding-top: 3px;color: #05aaaa;">
                ${v.content}
            </div>
        </div>
    </div>

    <% } %>
    </div>
    <div class="layui-card-body" style="text-align: center">
        <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
        <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
    </div>
    <div class="layui-card-body" style="margin-left: 5%">
        <div style="width: 50%;float: left;font-size: 20px">二、统计分析</div>
    </div>
    <% for(tem in viow.templates){ %>
    <div class="layui-card-body">
        <div style="width: 100%;float: left;font-size: 15px">${tem.title}</div>
        <div style="width: 100%;float: left;">${tem.content}</div>
    </div>
    <% } %>

    <div class="layui-card-body" style="text-align: center">
        <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
        <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
    </div>
    <div class="layui-card-body" style="text-align: center">
        <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
        <div style="width: 50%;float: left;font-size: 20px;height: 100px;"></div>
    </div>

    <% for(t in viow.reportProblems){ %>
    <div class="layui-card-body" style="margin-left: 5%">
        <div style="width: 50%;float: left;font-size: 20px">${t.title}</div>

    </div>

    <div class="layui-card-body">
        <div class="layui-card-body" style="text-align: center">
            <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
            <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
        </div>
        <div style="width: 80%;float: left;font-size: 13px;margin-left: 5%">${t.content}</div>
    </div>
    <div class="layui-card-body" style="margin-left: 5%">
        <div class="layui-card-body" style="text-align: center">
            <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
            <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
        </div>
        <% if(null!=t.image1){ %>
        <div style="width: 20%;float: left;"><img src="${t.image1}" style="width: 100px;height: 100px;"></div>
        <% } %>
        <% if(null!=t.image2){ %>
        <div style="width: 20%;float: left;"><img src="${t.image2}" style="width: 100px;height: 100px;"></div>
        <% } %>
        <% if(null!=t.image3){ %>
        <div style="width: 20%;float: left;"><img src="${t.image3}" style="width: 100px;height: 100px;"></div>
        <% } %>
        <% if(null!=t.image4){ %>
        <div style="width: 20%;float: left;"><img src="${t.image4}" style="width: 100px;height: 100px;"></div>
        <% } %>
        <% if(null!=t.image5){ %>
        <div style="width: 20%;float: left;"><img src="${t.image5}" style="width: 100px;height: 100px;"></div>
        <% } %>
        <div class="layui-card-body" style="text-align: center">
            <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
            <div style="width: 50%;float: left;font-size: 20px;height: 50px;"></div>
        </div>
    </div>
    <% } %>

</div>

-->


<%include("/common/foot.html"){}%>

<script language="JavaScript" src="js/jquery.jqprint-0.3.js.js"></script>
<script language="JavaScript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script language="javascript">

  function aa() {
    $("#ddd").jqprint();
  }

  (function ($) {
    var opt;

    $.fn.jqprint = function (options) {
      opt = $.extend({}, $.fn.jqprint.defaults, options);

      var $element = (this instanceof jQuery) ? this : $(this);

      if (opt.operaSupport && $.browser.opera) {
        var tab = window.open("", "jqPrint-preview");
        tab.document.open();

        var doc = tab.document;
      } else {
        var $iframe = $("<iframe  />");

        if (!opt.debug) {
          $iframe.css({position: "absolute", width: "0px", height: "0px", left: "-600px", top: "-600px"});
        }

        $iframe.appendTo("body");
        var doc = $iframe[0].contentWindow.document;
      }

      if (opt.importCSS) {
        if ($("link[media=print]").length > 0) {
          $("link[media=print]").each(function () {
            doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' media='print' />");
          });
        } else {
          $("link").each(function () {
            doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' />");
          });
        }
      }

      if (opt.printContainer) {
        doc.write($element.outer());
      } else {
        $element.each(function () {
          doc.write($(this).html());
        });
      }

      doc.close();

      (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).focus();
      setTimeout(function () {
        (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print();
        if (tab) {
          tab.close();
        }
      }, 1000);
    };

    $.fn.jqprint.defaults = {
      debug: false,
      importCSS: true,
      printContainer: true,
      operaSupport: true
    };

    // Thanks to 9__, found at http://users.livejournal.com/9__/380664.html
    jQuery.fn.outer = function () {
      return $($('<div></div>').html(this.clone())).html();
    }
  })(jQuery);
</script>
<script>
  layui.use(['index', 'table', 'form', 'laydate', 'layedit', 'AjaxCommon', 'AliangLayui'], function () {
    var $ = layui.$;
    var table = layui.table;
    var form = layui.form;
    var laydate = layui.laydate;
    var AjaxCommon = layui.AjaxCommon;
    var AliangLayui = layui.AliangLayui;


  });


</script>


</body>

</html>
